<!DOCTYPE html>
<html><head>
	    <meta charset="utf-8">
    <title>{$settitle.title}</title>

    <meta name="description" content="Dashboard">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--Basic Styles-->
    <link href="__admin__/style/bootstrap.css" rel="stylesheet">
    <link href="__admin__/style/font-awesome.css" rel="stylesheet">
    <link href="__admin__/style/weather-icons.css" rel="stylesheet">

    <!--Beyond styles-->
    <link id="beyond-link" href="__admin__/style/beyond.css" rel="stylesheet" type="text/css">
    <link href="__admin__/style/demo.css" rel="stylesheet">
    <link href="__admin__/style/typicons.css" rel="stylesheet">
    <link href="__admin__/style/animate.css" rel="stylesheet">
</head>
<body>
    <!-- 头部 -->
    {include file="common/top"}
    <!-- /头部 -->
	<div class="main-container container-fluid">
		<div class="page-container">
        <!-- 左部 -->   
            {include file="common/left"}
        <!-- /左部 -->
        <!-- Page Content -->
        <div class="page-content">
                <!-- Page Breadcrumb -->
                <div class="page-breadcrumbs">
                    <ul class="breadcrumb">
                        <li>
                            <a href="#">{$settitle.first}</a>
                        </li>
                        <li>
                            <a href="#">{$settitle.second}</a>
                        </li>
                        <li class="active">
                            {$settitle.third}
                        </li>
                    </ul>
                </div>
                <!-- /Page Breadcrumb -->

                <!-- Page Body -->
                <div class="page-body">
                  
        <button type="button" tooltip="添加友情链接" class="btn btn-purple" onClick="javascript:window.location.href ='add.html'"> <i class="fa fa-plus"></i>添加友情链接
        </button>
        <div class="row">
            <div class="col-lg-12 col-sm-12 col-xs-12">
                <div class="widget">
                    <div class="widget-body">
                        <div class="flip-scroll">
                            <table class="table table-bordered table-hover">
                                <thead class="">
                                    <tr>
                                        <th class="text-center" width="8%">ID</th>
                                        <th class="text-center">友情链接标题</th>
                                        <th>友情链接网址</th>
                                        <th class="text-center">友情链接LOGO</th>
                                        <th class="text-center">友情链接类型</th>
                                        <th class="text-center" width="8%">友情链接状态</th>
                                        <th class="text-center" width="14%">操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {volist name="linkRes" id="link"}
                                    <tr>
                                        <td align="center">{$link.id}</td>
                                        <td align="center">{$link.title}</td>
                                        <td>
                                            {if condition="$link['link_url'] neq ''"}
                                                <a href="{$link.link_url}" target="_blank">{$link.link_url}</a>
                                            {else/}
                                                暂无链接地址
                                            {/if}
                                        </td>
                                        <td align="center">
                                            {if condition="$link['logo'] neq ''"}
                                                <img src="__imgurl__/link/{$link.logo}" height="50px;">
                                            {else/}
                                                暂无Logo
                                            {/if}
                                        </td>
                                        <td align="center">
                                            {if condition="$link['type'] eq 1"}
                                                图片链接
                                            {else/}
                                                文字链接
                                            {/if}
                                        </td>
                                        <td align="center">
                                            {if condition="$link['status'] eq 1"}
                                                <button id="{$link.id}" onclick="ajaxchangelinkstatus(this);" class="btn btn-success" type="button">启用</button>
                                            {else/}
                                                <button id="{$link.id}" onclick="ajaxchangelinkstatus(this);"  class="btn btn-maroon" type="button">禁用</button>
                                            {/if}
                                        </td>
                                        <td align="center">
                                            <a href="{:url('edit',array('id'=>$link['id']))}" class="btn btn-primary">
                                                <i class="fa fa-edit"></i> 编辑
                                            </a>
                                            <a href="#" onClick="warning('确实要删除吗', '{:url('del',array('id'=>$link['id']))}')" class="btn btn-danger">
                                                <i class="fa fa-trash-o"></i> 删除
                                            </a>
                                        </td>
                                    </tr>
                                     {/volist}
                                </tbody>
                            </table>
                        </div>
                        <div style="padding-top:10px;text-align:right;">
                            {$linkRes->render()}
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
                <!-- /Page Body -->
    </div>
            <!-- /Page Content -->
</div>	


</div>

	<!--Basic Scripts-->
    <script src="__admin__/style/jquery_002.js"></script>
    <script src="__admin__/style/bootstrap.js"></script>
    <script src="__admin__/style/jquery.js"></script>
    <!--Beyond Scripts-->
    <script src="__admin__/style/beyond.js"></script>
    
    <script type="text/javascript">
    function ajaxchangelinkstatus(o){
        var url="{:url('ajaxchangelinkstatus')}";
        var id=$(o).attr('id');
        $.ajax({
            url : url,
            type : "post",
            dataType : "json",
            data : {id:id},
            success : function(data){
                if(data==1){
                    $(o).attr('class','btn btn-maroon');
                    $(o).text('禁用');
                }else if(data==2){
                    $(o).attr('class','btn btn-success');
                    $(o).text('启用');
                }
            }
        });
    }
    </script>

</body></html>